<template>
  <view class="parkingInfoBaseForm">
    <view class="tn-shadow tn-p-sm  tn-mb tn-mt">
          <tn-form ref="formRef" :model="formData" label-position="top">
       

          <tn-form-item   prop="carPlate">
            <template #label>
              <tn-title   title="服务商名称" mode="vLine" sub-title="Recharge" assist-color="tn-blue" />
            </template>
            <tn-input v-model="formData.carPlate"  placeholder="输入服务商名称" :border="customStyleBorder"   :custom-style="customStyleInput"></tn-input>
            <view class="tn-grey_text">默认：所属服务商</view>
          </tn-form-item>

      
          <tn-form-item   prop="carPlate">
            <template #label>
              <tn-title   title="服务商联系方式" mode="vLine" sub-title="Recharge" assist-color="tn-blue" />
            </template>
            <tn-input v-model="formData.carPlate"  placeholder="服务商联系方式" :border="customStyleBorder"  :custom-style="customStyleInput"></tn-input>
            <view class="tn-grey_text">默认：服务商联系方式</view>
          </tn-form-item>
 

          </tn-form>
          <view class="tn-tabbar-height"></view>
              
        </view>

             <!-- 悬浮确认框 -->
             <view  class="floating-button tn-flex justify-center" ><tn-button @click="confirmEdit" width="80%" size="xl" text-color="tn-white"
          bg-color="tn-gradient-bg__cool-8">提 交</tn-button></view>
 


  </view>
</template>

<script setup lang="ts">
 import { ref } from "vue";
 import { onLoad } from "@dcloudio/uni-app"; 
 
  // 表单数据模型
 	const formData = ref({
 		isPass: 1,
 		carPlate: "", // 修改为车场编号
 		noRenewal: "", // 修改为通讯码
 		responsiblePerson: "", // 修改为负责人
 		managementPhone: "", // 修改为管理处电话
 		
 		systemType: "", // 修改为系统类型
 		totalParkingSpaces: "", // 修改为总停车位
 		longitude: "", // 修改为经度
 		latitude: "", // 修改为纬度
 		province: "",
 		city: "",
 		district: "",
 		address: "",
 		remarks: "", // 修改为备注
 	});
 	const confirmEdit=() => {
   };
  onLoad(() => { 
 	});
  </script>

<style scoped>

:deep(.tn-radio-group){ 
  justify-content: space-around;
}

.floating-button {
	position: fixed;
	/* 固定定位 */
	bottom: 20rpx;
	/* 距离底部20rpx */
	left: 0;
	/* 左对齐 */
	right: 0;
	/* 右对齐 */
	margin: 0 auto;
	/* 居中 */
}
</style>